<section>
	<h1 class="blue" data-id="#basics/footer"> Footer</h1>


	<div class="help-content">
		<!-- #section:basics/footer -->
		<div class="info-section">
		 <ul class="info-list list-unstyled">
			<li>
				<code>.footer</code> should be after <code>.main-content</code> and has the following markup:
<pre data-language="html">
<div class="main-content"> ... </div>

<div class="footer">
  <div class="footer-inner">
    <div class="footer-content">
       <!-- footer content here -->
    </div>
  </div>
</div>
</pre>
			</li>
			
			<li>
			  Please see the following file for more info:<br />
			  <code data-open-file="html" class="open-file"><span class="brief-show">mustache/app/views/layouts/partials/default/</span>footer.mustache</code>
			</li>
			
			<li>
				Also if you are using two sidebar elements and the second one which is inside <code>.main-content</code>
				is a normal sidebar(i.e. not horizontal), you should move <code>.footer</code>
				and put it next to <code>.page-content</code>.
				<br />
				Please see <a class="help-more" href="#basics/sidebar.multiple">Multiple menu</a> section for more info.
			</li>
		 </ul>
		</div>
		<!-- /section:basics/footer -->
		
	</div><!-- /.help-content -->


</section>